<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="dojoroot/dojo/dojo.js"
	djConfig="parseOnLoad: true, isDebug: false"></script>

<script language="JavaScript" type="text/javascript">
            dojo.require("dijit.TitlePane");
            dojo.require("dijit.layout.ContentPane");	
            dojo.require("dijit.layout.AccordionContainer");
            dojo.require("dijit.form.FilteringSelect");
            dojo.require("dijit.Dialog");
            dojo.require("dijit.form.TextBox");
            dojo.require("dijit.form.TimeTextBox");
            dojo.require("dijit.form.Button");
            dojo.require("dijit.form.DateTextBox");	            
        	dojo.require("dojox.grid.DataGrid");
        	dojo.require("dojo.data.ItemFileReadStore");
    </script>

<style type="text/css">
@import "dojoroot/dijit/themes/claro/claro.css";
@import "dojoroot/dojox/grid/resources/claroGrid.css";
@import "dojoroot/dojox/grid/resources/Grid.css";
</style>

<script type="text/javascript">
dojo.ready(function() {
	var theGreatestTeamOfAllTime = {
		items: [ {
				  "tipoDoc":"12",
				  "nombres":"Jim Kelly",
				  "apellido":"QB",
				  "estadocivil":"0"
				  },
		         {
				  "tipoDoc":"34",
				  "nombres":"Thurman Thomas",
				  "apellido":"RB",
				  "estadocivil":"0"
				  },
		         {
				  "tipoDoc":"89",
				  "nombres":"Steve Tasker",
				  "apellido":"WR",
				  "estadocivil":"0"
				  },
			{
				"tipoDoc":"78",
				"nombres":"Bruce Smith",
				"apellido":"DE",
				"estadocivil":"0"
			}
		       ],
		identifier: "tipoDoc"
	};

	var dataStore =
	new dojo.data.ItemFileReadStore(
		{ data:theGreatestTeamOfAllTime }
	);
	var grid = dijit.byId("billsGrid");
	grid.setStore(dataStore);
});
</script>
</head>
<body class="claro">
<div id="accordion" dojoType="dijit.layout.AccordionContainer">

<div class="element" title="Datos del Vehiculo" selected="true"
	dojoType="dijit.layout.ContentPane">

<table>
	<tr>
		<td><label for="vehiculo">Tipo de Vehiculo </label></td>
		<td><select dojoType="dijit.form.FilteringSelect"
			id="TipoVehiculo" name="TipoVehiculo" autoComplete="false">
			<option value="PAR">Particular</option>
			<option value="COL">Colectivo</option>
		</select></td>
	</tr>
	<tr>
		<td><label for="pais">Pais </label></td>
		<td><select dojoType="dijit.form.FilteringSelect" id="Pais"
			name="Pais" autoComplete="false">
			<option value="PE">PERU</option>
			<option value="CH">CHILE</option>
		</select></td>
		<td width="10%"></td>
		<td><label for="marca">Placa </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text" name="placa"
			id="placa"></td>
	</tr>
	<tr>
		<td><label for="marca">Marca </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text" name="marca"
			id="marca"></td>
		<td></td>
		<td><label for="marca">Modelo </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="modelo" id="modelo"></td>
	</tr>
	<tr>
		<td><label for="motor">N/S Motor </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text" name="motor"
			id="motor"></td>
		<td></td>
		<td><label for="marca">Fabricacion </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="fabricacion" id="fabricacion"></td>
	</tr>
	<tr>
		<td><label for="chasis">N/S Chasis </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="chasis" id="chasis"></td>
	</tr>

</table>

</div>

<div class="element" title="Datos del Conductor"
	dojoType="dijit.layout.ContentPane">
<table>
	<tr>
		<td><label for="pais2">Pais </label></td>
		<td><select dojoType="dijit.form.FilteringSelect" id="Pais2"
			name="Pais2" autoComplete="false">
			<option value="PE">PERU</option>
			<option value="CH">CHILE</option>
		</select></td>
	</tr>
	<tr>
		<td><label for="pais">Identidad </label></td>
		<td><select dojoType="dijit.form.FilteringSelect" id="iden"
			name="iden" autoComplete="false">
			<option value="DNI">DNI</option>
			<option value="PAS">PASAPORTE</option>
		</select></td>
		<td width="10%"></td>
		<td><label for="marca">Nro. </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="numero" id="numero"></td>
	</tr>
	<tr>
		<td><label for="marca">Nombres </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="nombres" id="nombres"></td>
		<td></td>
		<td><label for="marca">Estado </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="estado" id="estado"></td>
	</tr>
	<tr>
		<td><label for="motor">A. Paterno </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="paterno" id="paterno"></td>
		<td></td>
		<td><label for="marca">Ocupacion </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="ocupacion" id="ocupacion"></td>
	</tr>
	<tr>
		<td><label for="chasis">A. Materno </label></td>
		<td><input dojoType="dijit.form.TextBox" type="text"
			name="materno" id="materno"></td>
	</tr>

</table>


</div>
<div class="element" title="Datos del Pasajero"
	dojoType="dijit.layout.ContentPane">
	
<div style="width: 600px; height: 200px" class="claro">
<table id="billsGrid" dojoType="dojox.grid.DataGrid">
	<thead>
		<tr>
			<th field="tipoDoc">Tipo Doc Nro Doc</th>
			<th field="nombres">Nombres</th>
			<th field="apellido">Apellido Paterno Apellido Materno</th>
			<th field="estadocivil" width="180px">Estado Civil Ocupacion</th>
		</tr>
	</thead>
</table>
</div>

</div>


</div>
</body>
</html>